<style>
    .form-validation .list-group-item{
        padding: 0;
    }
    .form-validation .form-control{
        border: transparent solid 1px;
        padding: 12px 22px;
        height: 46px;
    }
    .form-validation .form-control.ng-dirty.ng-invalid {
        border-color: #f05050;
    }
</style>
<div class="container w-xxl w-auto-xs">
    <div style="height:100px;"></div>
    <div class="m-b-lg">
        <div class="wrapper text-center">
            <strong>New-admin</strong>
        </div>
        <form name="form" class="form-validation">
            <div class="list-group list-group-sm">
                <div class="list-group-item"
                     uib-tooltip="请输入11位用户名"
                     tooltip-is-open="form.phone.$dirty&&form.phone.$invalid"
                     tooltip-placement="right"
                     tooltip-trigger="none">
                    <input name="phone" type="text" placeholder="用户名"
                           class="form-control no-border" ng-model="ctrl.user.phone"
                           required ng-pattern="/^[0-9]{11}$/" maxlength="11">
                </div>
                <div class="list-group-item"
                     uib-tooltip="密码长度不可小于6位"
                     tooltip-is-open="form.password.$dirty&&form.password.$invalid"
                     tooltip-placement="right"
                     tooltip-trigger="none">
                    <input type="password" name="password" placeholder="密码"
                           class="form-control no-border" ng-model="ctrl.user.password"
                           required minlength="6">
                </div>
            </div>
            <button type="submit" class="btn btn-lg btn-success btn-block"
                    ng-click="ctrl.login(ctrl.user.phone,ctrl.user.password)"
                    ng-disabled='form.$invalid'>登录</button>
        </form>
    </div>
</div>
<div class="app-footer bg-light">
    <span class="pull-right">版本:{{app.version}} <a href ui-scroll-to="app" class="m-l-sm text-muted"><i class="fa fa-long-arrow-up"></i></a></span>
</div>